<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <meta charset="UTF-8">
    <title>编辑图元</title>
</head>
<body>
<div class="m-portlet">
    <div class="m-portlet__head">
        <div class="m-portlet__head-caption">
            <div class="m-portlet__head-title">
                <span class="m-portlet__head-icon m--hide">
                    <i class="la la-gear"></i>
                </span>
                <h3 class="m-portlet__head-text">
                    <span class="m-accordion__item-icon"><i class="flaticon-edit"></i>编辑图元</span>
                </h3>
            </div>
        </div>
    </div>
    <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="defaultForm" method="post">
        <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
            <div class="m-form__actions m-form__actions--solid">
                <div class="form-group m-form__group row">
                    <div class="col m--align-left">
                        <a class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:addGraphPel()">保存</a>
                        <a class="btn btn-secondary m-btn m-btn--custom m-btn--icon" href="javascript:goback()">返回</a>
                    </div>
                    <div class="col m--align-right">
                        <a class="btn btn-secondary m-btn m-btn--custom m-btn--icon" href="javascript:resetAll('defaultForm')"><span><i class="fa fa-repeat"></i><span>重置</span></span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">图元分类</label>
            </div>
            <div class="col-md-3">
                <input type="hidden" name="graph_pel_id" id="graph_pel_id">
                <select class="form-control" name="graph_pel_category"  id="graph_pel_category" placeholder="请选择">
                    <option value="">请选择</option>
                    <option value="0">其它</option>
                    <option value="1">一次接线图</option>
                    <option value="2">工业</option>
                    <option value="3">电力</option>
                </select>
            </div>
            <div class="col-md-1">
                <label class="col-form-label">节点类型</label>
            </div>
            <div class="col-md-3">
                <select class="form-control" name="graph_pel_cell_type" id="graph_pel_cell_type" placeholder="请选择">
                    <option value="">请选择</option>
                    <option value="0">svg</option>
                    <option value="1">image</option>
                    <option value="2">其它</option>
                </select>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">图元名称</label>
            </div>
            <div class="col-md-3">
                <input class="form-control" type="text" maxlength="255" name="graph_pel_title" id="graph_pel_title" placeholder="请输入值">
            </div>
            <div class="col-md-1">
                <label class="col-form-label">键</label>
            </div>
            <div class="col-md-3">
                <input class="form-control" type="text" name="graph_pel_key" id="graph_pel_key" placeholder="请输入值">
            </div>
            <div class="col-md-1">
                <label class="col-form-label">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</label>
            </div>
            <div class="col-md-3">
                <select class="form-control" name="graph_pel_type"  id="graph_pel_type" placeholder="请选择">
                    <option value="">请选择</option>
                    <option value="1">遥测</option>
                    <option value="2">遥信</option>
                    <option value="3">遥脉</option>
                    <option value="4">遥控</option>
                    <option value="5">虚遥</option>
                </select>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">宽&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</label>
            </div>
            <div class="col-md-3">
                <input class="form-control" type="text" maxlength="3"  style="width:150px;" id="cellWidth" onblur="preImages()" name="width" placeholder="请输入值">
            </div>
            <div class="col-md-1">
                <label class="col-form-label">高&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;度</label>
            </div>
            <div class="col-md-3">
                <input class="form-control" type="text" maxlength="3"  style="width:150px;" id="cellHeight" onblur="preImages()" name="height" placeholder="请输入值">
            </div>
        </div>

        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态</label>
            </div>
            <div class="col-md-3">
                <select class="form-control" name="graph_pel_status" id="graph_pel_status" style="width:150px;">
                    <option value="1" >发布</option>
                    <option value="0">暂停</option>
                </select>
            </div>
            <div class="col-md-1">
                <label class="col-form-label">排&nbsp;&nbsp;序&nbsp;号</label>
            </div>
            <div class="col-md-3">
                <input class="form-control" type="text" data-bv-numeric data-bv-numeric-message="此项为数字类型" id="graph_pel_sort" name="graph_pel_sort"  style="width:150px;" placeholder="请输入">
            </div>
        </div>

        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">显示标签</label>
            </div>
            <div class="col-md-3">
                <select class="form-control" value="0" style="width:150px;"  id="hideLabel" name="hideLabel" placeholder="请选择">
                    <option value="1">否</option>
                    <option value="0">是</option>
                </select>
            </div>
            <div class="col-md-1">
                <label class="col-form-label">显示标题</label>
            </div>
            <div class="col-md-3">
                <select class="form-control" value="0" style="width:150px;" name="hideTitles" id="hideTitles" placeholder="请选择">
                    <option value="1">否</option>
                    <option value="0">是</option>
                </select>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">预览图标</label>
            </div>
            <div class="col-md-3"  style="display: none;">
                <input  class="form-control" type="file" id="file-input" accept = "image/*">
                <input class="form-control" type="hidden" id="image" name="image" placeholder="请输入键">
            </div>
            <div class="col-md-3">
                <img alt="" src="" id="imgCav" width="40" height="40">
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">SvgHtml</label>
            </div>
            <div class="col-md-6">
                <textarea class="form-control" rows="10" id="svgHtml" name="svgHtml"></textarea>
                <div class="alert m-alert m-alert--default" role="alert">
                    说明：仅限于SVG节点类型：<code>用于渲染设计器中节点</code>等.
                </div>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-1">
                <label class="col-form-label">渲染方式</label>
            </div>
            <div class="col-md-6">
                <select class="form-control" value="0" style="width:200px;"  id="render_method" name="render_method" placeholder="请选择">
                    <option value="">请选择</option>
                    <option value="0">按元素列表组装渲染</option>
                    <option value="1">按svghtml文件渲染</option>
                </select>
                <div class="alert m-alert m-alert--default" role="alert">
                    说明：仅限于SVG节点类型：<code>用于渲染设计器中节点</code>等.
                </div>
            </div>
        </div>

        <!-- 一对多子表开始（图元SVG属性） -->
        <div class="form-group m-form__group row" style="display:none;">
            <div class="col-md-1">
                <input class="form-control" type="hidden" name="graphPelElement_removed_flag" id="graphPelElement_removed_flag" >
                <input class="form-control" type="hidden" name="graphPelElementFormNumber" id="graphPelElementFormNumber" >
            </div>
        </div>
        <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <span class="m-portlet__head-icon m--hide">
                        <i class="la la-gear"></i>
                    </span>
                    <h3 class="m-portlet__head-text">
                        <span class="m-accordion__item-icon"><i class="flaticon-stopwatch"></i>节点信息</span>
                    </h3>
                </div>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-md-6">
                <a class="btn btn-light-success font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:addGraphPelElementItems()" role="button"><span><i class="la la-plus"></i><span>新一行</span></span></a>
                <div class="alert m-alert m-alert--default" role="alert">
                    说明：仅限于SVG节点类型：<code>用于渲染设计器中节点</code>等.
                </div>
            </div>
        </div>
        <div class="form_graphPelElement">

        </div>
        <!-- 一对多子表结束（图元SVG属性） -->
        <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
            <div class="m-form__actions m-form__actions--solid">
                <div class="form-group m-form__group row">
                    <div class="col m--align-left">
                        <a class="btn btn-light-primary font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:updateGraphPel()">保存</a>
                        <a class="btn btn-secondary m-btn m-btn--custom m-btn--icon" href="javascript:goback()">返回</a>
                    </div>
                    <div class="col m--align-right">
                        <a class="btn btn-secondary m-btn m-btn--custom m-btn--icon" href="javascript:resetAll('defaultForm')"><span><i class="fa fa-repeat"></i><span>重置</span></span></a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/view/monitor/graph-pel/graph-pel-update.js"></script>
</html>
